vue基于elementUi筛选后分页恢复默认第一页(也可用回显页) |
您所在的位置：网站首页 › elementui 分页选中 › vue基于elementUi筛选后分页恢复默认第一页(也可用回显页) |
vue基于elementUi筛选后分页恢复默认第一页(也可用回显页)
|
问题描述：默认打开页面，分页是1；当点第二页之后再进行筛选位置，没加恢复之前 接口传的页数还是2，返回第二页的数据； 需求：当更改筛选时 添加让页数 更改为默认1；
这时要添加:current-page.sync="pageNo" 当前页 handleCurrentChange: function(currentPage){ var that=this; that.currentPage = currentPage;//点击第几页 this.initList()//然后再请求接口获取数据 }, searchPositions(index) {//选择地区 var setslaughterSearch=JSON.parse(localStorage.getItem("setslaughterSearch")); this.bgChange(".positions", index); if(index>0){ this.ScityList=this.cityList[index-1].city_id setslaughterSearch.area_id=this.ScityList localStorage.setItem('setslaughterSearch',JSON.stringify(setslaughterSearch)); }else{ this.ScityList="", setslaughterSearch.area_id="" localStorage.setItem('setslaughterSearch',JSON.stringify(setslaughterSearch)); } this.currentPage=1 // 主要部分 让选择的第几页恢复为 this.initList() //然后再请求接口获取数据 },此方法 也可以 做回显页面时设置 存储的页面数；
更多技巧请查看vue专栏 https://blog.csdn.net/qq_42221334/column/info/27230/1 
|
【本文地址】
今日新闻 |
推荐新闻 |